import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/data",
      component: () => import("../pages/Data.vue"),
    },
    {
      path: "/methods",
      component: () => import("../pages/Methods.vue"),
    },
    {
      path: "/computed",
      component: () => import("../pages/Computed.vue"),
    },
    {
      path: "/watch",
      component: () => import("../pages/Watch.vue"),
    },
    {
      path: "/template",
      component: () => import("../pages/Template.vue"),
    },
    {
      path: "/lifecycle",
      component: () => import("../pages/LifeCycle.vue"),
    },
    {
      path: "/component",
      component: () => import("../pages/Component.vue"),
    },
    {
      path: "/router",
      component: () => import("../pages/Router.vue"),
    },
    {
      path: "/detail/:id",
      component: () => import("../pages/Detail.vue"),
    },
    {
      path: "/vuex",
      component: () => import("../pages/Vuex.vue"),
    },
    {
      path: "/mixin",
      component: () => import("../pages/Mixin.vue"),
    },
  ],
});

export default router;
